<template>
  <div>
    demo-chunk.vue
    <ep-row :gutter="12">
      <ep-col :col="12">
        <ep-advance-card title="局部使用chunk" contHeight="300px">
          <chunk chunkId="hello2" />
        </ep-advance-card>
      </ep-col>
      <ep-col :col="12">
        <ep-advance-card title="局部使用chunk & 使用插槽 & 接收事件" contHeight="300px">
          <chunk chunkId="hello2" @test-emit="onTestEmit">
            自定义111
            <span slot="name">具名插槽自定义2222</span>
            <template slot-scope="props" slot="custom">{{ props.menu.vm.input }}</template>
          </chunk>
        </ep-advance-card>
      </ep-col>
    </ep-row>
  </div>
</template>

<script>
import chunk from '@easipass/chunk-render/views'
export default {
  components: {
    chunk
  },
  data() {
    return {
      test: 778899
    }
  },
  methods: {
    test11(a) {
      console.log(a)
    },
    onTestEmit(val) {
      this.$pop({
        type: 'success',
        message: '接收到了chunk的事件' + val
      })
    }
  }
}
</script>

<style></style>
